<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品</title>
		<link rel="stylesheet" href="css/product.css" />
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_633731_y8fqg76luta3v7vi.css" />
		<link rel="stylesheet" href="css/an.css" />
	</head>
	<body>
		<!--头部-->
		<div id="top">
			<div class="top-content">
				<p class="top-1">全国服务热线：400-000-0000</p>
				<p class="top-2">设为首页 </p>
				<p class="top-2">加入收藏 </p>
			</div>
		</div>
		<!--头部-->
		
		<!--导航部分-->
		<div class="nav-color">
			<div id="nav">
				<div class="nav-left">
					<img src="img/logo.png" alt="" />
					<div class="logo-p">
						<p class="left-1">TK科技有限公司</p>
						<p class="left-2">cer dcd keo Holdings Co., Ltd.</p>
					</div>				
				</div>
				<div class="nav-right">
					<ul>
						<li><a href="index.html" >首页<br/>Home</a></li>
						<li><a href="product.html">关于我们<br/>About</a></li>
						<li><a href="detail.html">产品中心<br/>Products</a></li>
						<li><a href="">服务支持<br/>Service</a></li>
						<li><a href="">新闻中心<br/>News</a></li>
						<li><a href="">在线商店<br/>Shop</a></li>
						<li><a href="">联系我们<br/>Contact Us</a></li>
					</ul>
				</div>
			</div>	
		</div>
		<!--导航部分-->
		
		
		<!--中间内容部分-->
		
		<!--大图部分-->
		<div class="banner">
			<img src="img/banner2_02.jpg" alt="" />
		</div>
		
		<!--大图部分-->
		<div class="content-top">
			<p>首页>新品发布</p>
			<div class="nav-box">
				<div class="baiwan animated"><p>百万高清系列</p>
					<img src="img/tt_03.jpg" alt="" />
				</div>
				<div class="biaoqing animated"><p>标清系列</p>
					<img src="img/tt_03.jpg" alt="" />
				</div>
				<div class="huwai animated"><p>户外防水系列</p>
					<img src="img/tt_03.jpg" alt="" />
				</div>
				<div class="shinei animated"><p>室内系列</p>
					<img src="img/tt_03.jpg" alt="" />
				</div>
			</div>
			
			<div class="search clearfix">
				<input type="text" />
				<span>
					<i class="iconfont icon-sousuo1"></i>
				</span>
			</div>
		</div>
		
		
		<div class="show">
			<div><img src="img/show-2.png" class="animated" alt="" />
			<p class="s_p-1">S6223Y-WR</p>
			<p class="s_p-2">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p></div>
			<div><img src="img/show-9.png" class="animated" alt="" />
			<p class="s_p-1">S6223Y-WR</p>
			<p class="s_p-2">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p></div>
			<div class="show-last"><img src="img/show-7.png" class="animated" alt="" />
			<p class="s_p-1">S6223Y-WR</p>
			<p class="s_p-2">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p></div>
		</div>
		<div class="show">
			<div><img src="img/show-3.png" class="animated" alt="" />
			<p class="s_p-1">S6223Y-WR</p>
			<p class="s_p-2">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p></div>
			<div><img src="img/show-2.png" class="animated" alt="" />
			<p class="s_p-1">S6223Y-WR</p>
			<p class="s_p-2">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p></div>
			<div class="show-last"><img src="img/show-1.png" class="animated" alt="" />
			<p class="s_p-1">S6223Y-WR</p>
			<p class="s_p-2">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p></div>
		</div>
		<div class="show show-3">
			<div><img src="img/show-7.png" class="animated" alt="" />
			<p class="s_p-1">S6223Y-WR</p>
			<p class="s_p-2">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p></div>
			<div><img src="img/show-8.png" class="animated" alt="" />
			<p class="s_p-1">S6223Y-WR</p>
			<p class="s_p-2">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p></div>
			<div class="show-last"><img src="img/show-9.png" class="animated" alt="" />
			<p class="s_p-1">S6223Y-WR</p>
			<p class="s_p-2">100万无线高清 64GB TF卡 语音对讲 智能连接 手机....</p></div>
		</div>
		
		

		
		<div class="page">
			<ul>
				<li><a href="" class="first">上一页</a></li>
				<li><a href="" class="active">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">4</a></li>
				<li><a href="">5</a></li>
				<li><a href="">6</a></li>
				<li><a href="" class="last">下一页</a></li>
			</ul>
		</div>
		
		<!--中间内容部分-->
		
		
		
		<!--尾部部分-->
		<div id="footer">
			<div class="tb">
				<span class="span-p">关注我们：</span>
				<span class="iconfont icon-weibo"></span>
				<span class="iconfont icon-qq"></span>
				<span class="iconfont icon-weixin"></span>			
			</div>
			<p>网站首页   • 新闻动态    •  关于我们   •   团队风采   •   联系我们   •   在线留言   </p>		
		</div>
		<div class="copy">
			<p>©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</p>
		</div>
		<!--尾部部分-->
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script>
			$(function(){

				
				var nav_box=$(".nav-box>div");
				nav_box.hover(function(){
					$(this).addClass("pulse");
				},function(){
					$(this).removeClass("pulse");
				})
				
				$(".show>div>img").hover(function(){
					$(this).addClass("tada");
				},function(){
					$(this).removeClass("tada");
				})
			})
		</script>
	</body>
</html>
